// 新增数据
function addRow() {
    // 1、获取id
    var table = document.getElementById('table');

    // 获取插入位置
    var length = table.rows.length;

    // inserRow返回当前插入节点
    var newRow = table.insertRow(length);
    
    // 插入节点对象
    var namecol = newRow.insertCell(0);
    var sexcol = newRow.insertCell(1);
    var phonecol = newRow.insertCell(2);
    var actcol = newRow.insertCell(3);

    namecol.innerHTML = '未命名';
    sexcol.innerHTML = '未知';
    phonecol.innerHTML = '133xxxxxxx';
    actcol.innerHTML = '<button onclick = "editRow(this)">编辑</button><button onclick="delectRow(this)">删除</button>';

}

// 删除数据
function delectRow(button) {
    // 获取父节点
    var row = button.parentNode.parentNode;
    console.log(row);
    row.parentNode.removeChild(row);
}

// 编辑数据
function editRow(button) {
    var row = button.parentNode.parentNode;
    var name = row.cells[0];
    var sex = row.cells[1];
    var phone = row.cells[2];

    var inputName = prompt("请输入名字：",name);
    var inputSex = prompt("请输入性别：",sex);
    var inputPhone = prompt("请输入电话：",phone);

    name.innerHTML = inputName;
    sex.innerHTML = inputSex;
    phone.innerHTML = inputPhone;


}
